import { h } from 'snabbdom/build/package/h'
import { init } from 'snabbdom/build/package/init'
// 导入需要的模块
import {styleModule} from 'snabbdom/build/package/modules/style'
import {eventListenersModule}  from 'snabbdom/build/package/modules/eventlisteners.js'

let patch = init([
    // 注册模块
    styleModule,
    eventListenersModule
])

let vnode = h('div.cls',{
    // 设置dom元素的行内样式
    style:{color:'#dedede',backgroundColor:'#181a1b'},
    // 注册事件
    on:{click:clickHandler}
},[
    h('h1','hello Snabbdom'),
    h('p','这是段落')
])
const app = document.querySelector('#app')

// 把vnode沉浸到空的DOM元素（替换）
// 返回新的vnode
let oldVnode = patch(app,vnode)

function clickHandler () {
    // 此处的this指向对应的vnode
    console.log(this.elm.innerHTML)
}